<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Expires" CONTENT="-1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>歌曲分类</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="bookmark" href="img/favicon.ico" type="image/x-icon" 　/>
		<link rel="stylesheet" type="text/css" href="css/page.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		
	</head>
	<body>
		<!--头部-->
		<div class="head clearfix">
			<div class="width1200">
				<div class="left">
					<a href="index.html"><img width="200" class="" src="img/logo.png"/></a>
				</div>
				<div class="left">
					<ul class="clearfix top-nav relative">
						<li class="nav-li">
							<a href="javascript:;">音乐单曲</a>
							<ul class="nav-list absolute">
								<li><a href="song-classify.html" class="active">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
							</ul>
						</li>
						<li class="nav-li">
							<a href="index-DV.html">DVJ视频</a>
							
						</li>
						<li class="nav-li active">
							<a href="song-spun.html">串烧</a>
							
						</li>
						<li class="nav-li">
							<a href="index-taoqu.html">套曲</a>
							
						</li>
						<li ><a href="index-music-man.html">音乐人</a></li>
						<li><a href="mall.html">商城</a></li>
						<li><a href="index-information.html">资讯</a></li>
					</ul>
				</div>	
				<div class="right">
					<div class="right padding_lr10 text-center my-box">
						<img class="vertical-align_m icon-my" src="img/icon-my.png" alt="" />
						<br />
						<img class=" vertical-align_m" src="img/vip.png"/><span class="color_ff ">100金币</span>
						<span class="relative">
							<ul class="absolute login-style my-list">
								<li><a href="my.html"><img src="img/iconmy-01.png"/>我的主页</a></li>
								<li><a href="my-news.html"><img src="img/iconmy-02.png"/> 我的消息</a></li>
								<li class="vip-a"><a href="javascript:;" ><img src="img/iconmy-03.png"/> VIP会员</a></li>
								<li><a href="my-set.html"><img src="img/iconmy-04.png"/>个人设置</a></li>
								<li><a href="vip.html"><img src="img/iconmy-05.png"/>会员中心</a></li>
								<li><a href="javascript:;"><img src="img/iconmy-06.png"/>退出</a></li>
							</ul>
						</span>
					</div>
					<div class="right padding_tb10">
						<span class="relative top-secher">
							<input type="text" name=""  value="" placeholder="搜索音乐 、套曲" />
							<img class="absolute find-img" src="img/icon-find.png"/>
						</span>
					</div>
				</div>
			</div>
		</div>
		
		<div class="new-box">
			<div class="width1200">
				<dl class="clearfix">
					<dt class="left"><img width="220" src="img/new-img.png"/></dt>
					<dd class="left">
						<h2 class="color_ff">串烧</h2>
						<p class="mg_top10">
							<span class="color_b mg_r20">歌曲：1000首</span>
							<span class="color_b mg_left20">更新时间：2018-10-10</span>
						</p>
						<div class="new-abox mg_top40">
							<a href="javascript:;" class="active"> <img src="img/icon_bf.png" />全部播放</a>
							<a href="javascript:;"> <img src="img/icon_sc.png" />收藏</a>
							<a href="song-download.html"> <img src="img/icon_pl.png" />批量操作</a>
						</div>
					</dd>
				</dl>
			</div>
		</div>
    	<div class="bg_ff">
    		<div class="width1200 clearfix">
    			<h4 class="tittle padding_10 bor_b">
    				<img width="30" class="vertical-align_m mg_r10" src="img/index-tittleimg.png">
    				<strong class="blue font_16">HIP <span class="color_00">HOP</span></strong> 
    				<strong class="color_b">hip hop</strong>
    			</h4>
    			<div class="padding_tb20 new-wuqu-list">
    				<div class="clearfix bg_b padding_10">
		    			<p class="left">
			    			<span style="margin-left: 100px;">歌名</span>
		    		    </p>
		    		    <p class="right">
		    		    	<span>时长 </span>
			    			<span>BPM</span>
			    			<span> KEY </span>
			    			<span style="margin-right: 125px;">更新日期</span>
		    		    </p>
		    		</div>
					<div class="clearfix  active new-list">
		    			<p class="left">
			    			<span><img width="40" height="40" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
			    			<span><img class="vertical-align_m" src="img/icon-bf.png"></span>
			    			<span class="text name">Original Mix</span>
			    		</p>
			    		<div class="right">
			    			<span>03:22</span>
				    			
				    			<span>124</span>
				    			<span>1A</span>
				    			<span>2018-11-21</span>
			    			<span class="relative select-box  text-center padding_5">
			    				<i class="color_ff">￥2.00</i>
			    				<i class="absolute select-list">
			    					<a href="javascript:;"><img src="img/icon-zan.png">点赞</a>
			    					<a href="javascript:;"><img src="img/icon-xz.png">下载</a>
			    					<a href="javascript:;"><img src="img/icon-start.png">收藏</a>
			    					<a href="javascript:;"><img src="img/icon-pl.png">评论</a>
			    					<a href="javascript:;"><img src="img/icon-fk.png">反馈</a>
			    				</i>
			    			</span>
			    		</div>
		    		</div>
		    		<div class="clearfix  new-list">
		    			<p class="left">
			    			<span><img width="40" height="40" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
			    			<span><img class="vertical-align_m" src="img/icon-zt.png"></span>
			    			<span class="text name">Original Mix</span>
			    		</p>
			    		<div class="right">
			    			<span>03:22</span>
				    			
				    			<span>124</span>
				    			<span>1A</span>
				    			<span>2018-11-21</span>
			    			<span class="relative select-box  text-center padding_5">
			    				<i class="color_ff">￥2.00</i>
			    				<i class="absolute select-list">
			    					<a href="javascript:;"><img src="img/icon-zan.png">点赞</a>
			    					<a href="javascript:;"><img src="img/icon-xz.png">下载</a>
			    					<a href="javascript:;"><img src="img/icon-start.png">收藏</a>
			    					<a href="javascript:;"><img src="img/icon-pl.png">评论</a>
			    					<a href="javascript:;"><img src="img/icon-fk.png">反馈</a>
			    				</i>
			    			</span>
			    		</div>
		    		</div>
		    		<div class="clearfix  new-list">
		    			<p class="left">
			    			<span><img width="40" height="40" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
			    			<span><img class="vertical-align_m" src="img/icon-zt.png"></span>
			    			<span class="text name">Original Mix</span>
			    		</p>
			    		<div class="right">
			    			<span>03:22</span>
				    			
				    			<span>124</span>
				    			<span>1A</span>
				    			<span>2018-11-21</span>
			    			<span class="relative select-box  text-center padding_5">
			    				<i class="color_ff">￥2.00</i>
			    				<i class="absolute select-list">
			    					<a href="javascript:;"><img src="img/icon-zan.png">点赞</a>
			    					<a href="javascript:;"><img src="img/icon-xz.png">下载</a>
			    					<a href="javascript:;"><img src="img/icon-start.png">收藏</a>
			    					<a href="javascript:;"><img src="img/icon-pl.png">评论</a>
			    					<a href="javascript:;"><img src="img/icon-fk.png">反馈</a>
			    				</i>
			    			</span>
			    		</div>
		    		</div>
		    		<div class="clearfix  new-list">
		    			<p class="left">
			    			<span><img width="40" height="40" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
			    			<span><img class="vertical-align_m" src="img/icon-zt.png"></span>
			    			<span class="text name">Original Mix</span>
			    		</p>
			    		<div class="right">
			    			<span>03:22</span>
				    			
				    			<span>124</span>
				    			<span>1A</span>
				    			<span>2018-11-21</span>
			    			<span class="relative select-box  text-center padding_5">
			    				<i class="color_ff">￥2.00</i>
			    				<i class="absolute select-list">
			    					<a href="javascript:;"><img src="img/icon-zan.png">点赞</a>
			    					<a href="javascript:;"><img src="img/icon-xz.png">下载</a>
			    					<a href="javascript:;"><img src="img/icon-start.png">收藏</a>
			    					<a href="javascript:;"><img src="img/icon-pl.png">评论</a>
			    					<a href="javascript:;"><img src="img/icon-fk.png">反馈</a>
			    				</i>
			    			</span>
			    		</div>
		    		</div>
		    		<div class="clearfix  new-list">
		    			<p class="left">
			    			<span><img width="40" height="40" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
			    			<span><img class="vertical-align_m" src="img/icon-zt.png"></span>
			    			<span class="text name">Original Mix</span>
			    		</p>
			    		<div class="right">
			    			<span>03:22</span>
			    			<span>124</span>
			    			<span>1A</span>
			    			<span>2018-11-21</span>
			    			<span class="relative select-box  text-center padding_5">
			    				<i class="color_ff">￥2.00</i>
			    				<i class="absolute select-list">
			    					<a href="javascript:;"><img src="img/icon-zan.png">点赞</a>
			    					<a href="javascript:;"><img src="img/icon-xz.png">下载</a>
			    					<a href="javascript:;"><img src="img/icon-start.png">收藏</a>
			    					<a href="javascript:;"><img src="img/icon-pl.png">评论</a>
			    					<a href="javascript:;"><img src="img/icon-fk.png">反馈</a>
			    				</i>
			    			</span>
			    		</div>
		    		</div>
		    		<div class="clearfix  new-list">
		    			<p class="left">
			    			<span><img width="40" height="40" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
			    			<span><img class="vertical-align_m" src="img/icon-zt.png"></span>
			    			<span class="text name">Original Mix</span>
			    		</p>
			    		<div class="right">
			    			<span>03:22</span>
				    			
				    			<span>124</span>
				    			<span>1A</span>
				    			<span>2018-11-21</span>
			    			<span class="relative select-box  text-center padding_5">
			    				<i class="color_ff">￥2.00</i>
			    				<i class="absolute select-list">
			    					<a href="javascript:;"><img src="img/icon-zan.png">点赞</a>
			    					<a href="javascript:;"><img src="img/icon-xz.png">下载</a>
			    					<a href="javascript:;"><img src="img/icon-start.png">收藏</a>
			    					<a href="javascript:;"><img src="img/icon-pl.png">评论</a>
			    					<a href="javascript:;"><img src="img/icon-fk.png">反馈</a>
			    				</i>
			    			</span>
			    		</div>
		    		</div>
		    		<div class="clearfix  new-list">
		    			<p class="left">
			    			<span><img width="40" height="40" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
			    			<span><img class="vertical-align_m" src="img/icon-zt.png"></span>
			    			<span class="text name">Original Mix</span>
			    		</p>
			    		<div class="right">
			    			<span>03:22</span>
			    			<span>124</span>
			    			<span>1A</span>
			    			<span>2018-11-21</span>
			    			<span class="relative select-box  text-center padding_5">
			    				<i class="color_ff">￥2.00</i>
			    				<i class="absolute select-list">
			    					<a href="javascript:;"><img src="img/icon-zan.png">点赞</a>
			    					<a href="javascript:;"><img src="img/icon-xz.png">下载</a>
			    					<a href="javascript:;"><img src="img/icon-start.png">收藏</a>
			    					<a href="javascript:;"><img src="img/icon-pl.png">评论</a>
			    					<a href="javascript:;"><img src="img/icon-fk.png">反馈</a>
			    				</i>
			    			</span>
			    		</div>
		    		</div>
    		   </div>
    			<div class="padding_b50 ">
			    	<div class="tcdPageCode mg_top20"></div>
			    </div>
    		</div>
    	</div>
    
    	<div class="play-footer">
    		<div class="width1200">
    			<div class="music_player_inner">
					<ul class="playlist">
						<li>
							<div class="music_player">
								<div class="music_player_center">
									<div class="player">
										<div class="container_wrapper">
											<div class="container">
												<div class="control">
													<div class="clearfix">
													    <img width="90" class="left" height="90" src="img/music010.png"/>
														<div class="left padding_10">
															<h4 class="color_ff">yur aer my sun</h4>
															<p class="color_b mg_top10"> rain</p>
														</div>
													</div>
												</div>
												<div class="statusbar">
													<div class="loading"></div>
													<div class="position"></div>
													<div class="position_right"></div>
													<img class="stare" src="img/line-play.png"/>
													<img class="waveform" src="img/bg-paly.png" unselectable="on" ondragstart="return false;">
													<img class="overlay" src="img/player-overlay.png" unselectable="on" ondragstart="return false;">
													<div class="loading_cp"></div>
													<div class="seekhead">
														<div class="seektime">0.00</div>
													</div>
												</div>
												<div class="paly-corlet">
													<a href="javascript:;"><img width="20" src="img/play-01.png"/></a>
													<a href="javascript:;"><img width="25" src="img/play-02.png"/></a>
													<a href="javascript:;"><img width="20" src="img/play-03.png"/></a>
													<a href="javascript:;" class="play-img"></a>
													<a href="javascript:;"><img width="20" src="img/play-05.png"/></a>
													<a href="javascript:;"><img  width="25" src="img/play-06.png"/></a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
            </div>
    	</div>
	    <div class="overlay"></div>
	    <script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/jquery.page.js" type="text/javascript" charset="utf-8"></script>
	    <script type="text/javascript">
	    
	    		$(function(){
					$(".tcdPageCode").createPage({
				        pageCount:30,
				        current:1,
				        backFn:function(p){
				            //console.log(p);
				        }
				    });
	    	})
	    </script>
	</body>
</html>
